$basePX:16;
$scale:0.85;
$timer-text:1.5s;

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px){
    body{
        @if($DEBUG == true){
            @include debugmessage("Smartphones (portrait)  MAX 320 fired *** TEST ON CHROME", "black");
        }
    }
}
/* Smartphones (landscape) ----------- */
@media only screen  and (min-width: 321px) and (max-width: 479px){

body{
    @if($DEBUG == true){
        @include debugmessage("Smartphones landscape - Min 321 Max 479", "green");
    }
}

}

@media  only screen and (max-width : 320px) and (orientation : portrait){
    body{
        @if($DEBUG == true){
            @include debugmessage("Mobile media max 320 fired", "yellow");
        }
    }
}
@media  only screen and (min-width : 321px) and (max-width : 480px) and (orientation : landscape){
    body{
        @if($DEBUG == true){
            @include debugmessage("Mobile media min 321 max 480 fired", "green");
        }
    }
}